add wechat diy share for lensman_oauth

Brightcells 8 年之前
父節點
當前提交
77023892d9
共有 1 個文件被更改,包括 137 次插入127 次删除
  1. 137 127
      page/templates/page/lensman_oauth.html

+ 137 - 127
page/templates/page/lensman_oauth.html

@@ -2,153 +2,163 @@
2 2
 
3 3
 <!DOCTYPE html>
4 4
 <html lang="zh-CN">
5
-<head>
6
-    <meta charset="utf-8">
7
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8
-    <meta name="format-detection" content="telephone=no,email=no,address=no">
9
-    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
10
-    <title>摄影师授权</title>
11
-
12
-    <link href="https://res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css" rel="stylesheet" type="text/css" />
13
-
14
-    <style>
15
-        input:required:invalid {
16
-            color: #E64340;
17
-        }
18
-        input:required:valid {
19
-            color: rgba(0, 0, 0);
20
-        }
21
-
22
-    </style>
23
-</head>
24
-<body>
25
-    <div class="container" >
26
-        <div class="weui_cells weui_cells_form">
27
-            <div class="weui_cell">
28
-                <div class="weui_cell_hd"><label for="" class="weui_label">姓名</label></div>
29
-                <div class="weui_cell_bd weui_cell_primary">
30
-                    <input id="name" class="weui_input" type="text" value="{{ lensman_info.name }}" placeholder="请输入姓名">
5
+    <head>
6
+        <meta charset="utf-8">
7
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8
+        <meta name="format-detection" content="telephone=no,email=no,address=no">
9
+        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
10
+        <title>摄影师授权</title>
11
+
12
+        <link href="https://res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css" rel="stylesheet" type="text/css" />
13
+
14
+        <style>
15
+            input:required:invalid {
16
+                color: #E64340;
17
+            }
18
+            input:required:valid {
19
+                color: rgba(0, 0, 0);
20
+            }
21
+
22
+        </style>
23
+    </head>
24
+    <body>
25
+        <div class="container" >
26
+            <div class="weui_cells weui_cells_form">
27
+                <div class="weui_cell">
28
+                    <div class="weui_cell_hd"><label for="" class="weui_label">姓名</label></div>
29
+                    <div class="weui_cell_bd weui_cell_primary">
30
+                        <input id="name" class="weui_input" type="text" value="{{ lensman_info.name }}" placeholder="请输入姓名">
31
+                    </div>
31 32
                 </div>
32
-            </div>
33
-            <div class="weui_cell weui_cell_select weui_select_after">
34
-                <div class="weui_cell_hd"><label for="" class="weui_label">性别</label></div>
35
-                <div class="weui_cell_bd weui_cell_primary">
36
-                    <select id="sex" class="weui_select" name="select">
37
-                        <option value="1" {% ifequal lensman_info.sex 1 %}selected{% endifequal %}>男</option>
38
-                        <option value="0" {% ifequal lensman_info.sex 0 %}selected{% endifequal %}>女</option>
39
-                    </select>
33
+                <div class="weui_cell weui_cell_select weui_select_after">
34
+                    <div class="weui_cell_hd"><label for="" class="weui_label">性别</label></div>
35
+                    <div class="weui_cell_bd weui_cell_primary">
36
+                        <select id="sex" class="weui_select" name="select">
37
+                            <option value="1" {% ifequal lensman_info.sex 1 %}selected{% endifequal %}>男</option>
38
+                            <option value="0" {% ifequal lensman_info.sex 0 %}selected{% endifequal %}>女</option>
39
+                        </select>
40
+                    </div>
40 41
                 </div>
41
-            </div>
42
-            <div class="weui_cell">
43
-                <div class="weui_cell_hd"><label for="" class="weui_label">手机号</label></div>
44
-                <div class="weui_cell_bd weui_cell_primary">
45
-                    <input id="phone" class="weui_input" type="text" required="required" pattern="[0-9]{11}" value="{{ lensman_info.phone }}" placeholder="请输入手机号">
42
+                <div class="weui_cell">
43
+                    <div class="weui_cell_hd"><label for="" class="weui_label">手机号</label></div>
44
+                    <div class="weui_cell_bd weui_cell_primary">
45
+                        <input id="phone" class="weui_input" type="text" required="required" pattern="[0-9]{11}" value="{{ lensman_info.phone }}" placeholder="请输入手机号">
46
+                    </div>
46 47
                 </div>
47
-            </div>
48
-            <div class="weui_cell">
49
-                <div class="weui_cell_hd"><label for="" class="weui_label">地址</label></div>
50
-                <div class="weui_cell_bd weui_cell_primary">
51
-                    <input id="location" class="weui_input" type="text" value="{{ lensman_info.location }}" placeholder="请输入地址">
48
+                <div class="weui_cell">
49
+                    <div class="weui_cell_hd"><label for="" class="weui_label">地址</label></div>
50
+                    <div class="weui_cell_bd weui_cell_primary">
51
+                        <input id="location" class="weui_input" type="text" value="{{ lensman_info.location }}" placeholder="请输入地址">
52
+                    </div>
52 53
                 </div>
53 54
             </div>
54
-        </div>
55 55
 
56
-        <br>
56
+            <br>
57 57
 
58
-        <button id="submit" class="weui_btn weui_btn_warn">确认</button>
58
+            <button id="submit" class="weui_btn weui_btn_warn">确认</button>
59 59
 
60
-        <div class="weui_dialog_alert" id="dialog" style="display: none">
61
-            <div class="weui_mask"></div>
62
-            <div class="weui_dialog">
63
-                <div class="weui_dialog_hd"><strong id="title" class="weui_dialog_title">弹窗标题</strong></div>
64
-                <div id="content" class="weui_dialog_bd">弹窗内容,告知当前页面信息等</div>
65
-                <div class="weui_dialog_ft">
66
-                    <a href="javascript:;" class="weui_btn_dialog primary">确定</a>
60
+            <div class="weui_dialog_alert" id="dialog" style="display: none">
61
+                <div class="weui_mask"></div>
62
+                <div class="weui_dialog">
63
+                    <div class="weui_dialog_hd"><strong id="title" class="weui_dialog_title">弹窗标题</strong></div>
64
+                    <div id="content" class="weui_dialog_bd">弹窗内容,告知当前页面信息等</div>
65
+                    <div class="weui_dialog_ft">
66
+                        <a href="javascript:;" class="weui_btn_dialog primary">确定</a>
67
+                    </div>
67 68
                 </div>
68 69
             </div>
69
-        </div>
70 70
 
71
-        <div id="toast" style="display: none;">
72
-            <div class="weui_mask_transparent"></div>
73
-            <div class="weui_toast">
74
-                <i class="weui_icon_toast"></i>
75
-                <p class="weui_toast_content">已完成</p>
71
+            <div id="toast" style="display: none;">
72
+                <div class="weui_mask_transparent"></div>
73
+                <div class="weui_toast">
74
+                    <i class="weui_icon_toast"></i>
75
+                    <p class="weui_toast_content">已完成</p>
76
+                </div>
76 77
             </div>
77 78
         </div>
78
-    </div>
79
-
80
-    <script src="//cdn.bootcss.com/zepto/1.1.6/zepto.min.js"></script>
81
-    <script>
82
-        $(function() {
83
-            function getURLParameter(name) {
84
-              return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [null, ''])[1].replace(/\+/g, '%20')) || null;
85
-            }
86
-
87
-            function show_error_dialog(title, content) {
88
-                $('#dialog #title').text(title);
89
-                $('#dialog #content').text(content);
90
-                $('#dialog').show();
91
-            }
92
-            
93
-            function data_check() {
94
-                var unionid = getURLParameter('unionid');
95
-                if (!unionid) {
96
-                    show_error_dialog('微信授权', '微信授权失败,请重新打开页面');
97
-                    return false;
98
-                }
99
-
100
-                var name = $('#name').val();
101
-                if (!name) {
102
-                    show_error_dialog('姓名', '姓名错误,请检查重新输入');
103
-                    return false;
104
-                }
105 79
 
106
-                var phone_valid = $('#phone').is(':valid');
107
-                if (!phone_valid) {
108
-                    show_error_dialog('手机号', '手机号错误,请检查重新输入');
109
-                    return false;
80
+        <script src="//cdn.bootcss.com/zepto/1.1.6/zepto.min.js"></script>
81
+        <script>
82
+            $(function() {
83
+                function getURLParameter(name) {
84
+                  return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [null, ''])[1].replace(/\+/g, '%20')) || null;
110 85
                 }
111 86
 
112
-                var location = $('#location').val();
113
-                if (!location) {
114
-                    show_error_dialog('地址', '地址错误,请检查重新输入');
115
-                    return false;
87
+                function show_error_dialog(title, content) {
88
+                    $('#dialog #title').text(title);
89
+                    $('#dialog #content').text(content);
90
+                    $('#dialog').show();
116 91
                 }
117 92
 
118
-                return {
119
-                    unionid: unionid,
120
-                    name: name,
121
-                    sex: $('#sex option:checked').val(),
122
-                    phone: $('#phone').val(),
123
-                    location: location,
93
+                function data_check() {
94
+                    var unionid = getURLParameter('unionid');
95
+                    if (!unionid) {
96
+                        show_error_dialog('微信授权', '微信授权失败,请重新打开页面');
97
+                        return false;
98
+                    }
99
+
100
+                    var name = $('#name').val();
101
+                    if (!name) {
102
+                        show_error_dialog('姓名', '姓名错误,请检查重新输入');
103
+                        return false;
104
+                    }
105
+
106
+                    var phone_valid = $('#phone').is(':valid');
107
+                    if (!phone_valid) {
108
+                        show_error_dialog('手机号', '手机号错误,请检查重新输入');
109
+                        return false;
110
+                    }
111
+
112
+                    var location = $('#location').val();
113
+                    if (!location) {
114
+                        show_error_dialog('地址', '地址错误,请检查重新输入');
115
+                        return false;
116
+                    }
117
+
118
+                    return {
119
+                        unionid: unionid,
120
+                        name: name,
121
+                        sex: $('#sex option:checked').val(),
122
+                        phone: $('#phone').val(),
123
+                        location: location,
124
+                    }
124 125
                 }
125
-            }
126 126
 
127
-            $('#submit').click(function () {
128
-                var check_result = data_check();
129
-                if (check_result){
130
-                    $.ajax({
131
-                        type: 'POST',
132
-                        url: 'l/submit',
133
-                        data: check_result,
134
-                        success: function(data) {
135
-                            if (data.status == 200) {
136
-                                $('#toast').show();
137
-                                setTimeout(function () {
138
-                                    $('#toast').hide();
139
-                                }, 1000);
140
-                            } else {
141
-                                show_error_dialog('错误', data.description);
127
+                $('#submit').click(function () {
128
+                    var check_result = data_check();
129
+                    if (check_result){
130
+                        $.ajax({
131
+                            type: 'POST',
132
+                            url: 'l/submit',
133
+                            data: check_result,
134
+                            success: function(data) {
135
+                                if (data.status == 200) {
136
+                                    $('#toast').show();
137
+                                    setTimeout(function () {
138
+                                        $('#toast').hide();
139
+                                    }, 1000);
140
+                                } else {
141
+                                    show_error_dialog('错误', data.description);
142
+                                }
142 143
                             }
143
-                        }
144
-                    })
145
-                }
146
-            });
144
+                        })
145
+                    }
146
+                });
147 147
 
148
-            $('#dialog .weui_btn_dialog').click(function () {
149
-                $('#dialog').hide();
150
-            })
151
-        });
152
-    </script>
153
-</body>
148
+                $('#dialog .weui_btn_dialog').click(function () {
149
+                    $('#dialog').hide();
150
+                })
151
+            });
152
+        </script>
153
+        <script type="text/javascript" src="{% static 'pai2/js/jswe.js' %}?v=1"></script>
154
+        <script>
155
+            V.initWxData({
156
+                imgUrl: "http://pai.ai/static/pai2/img/paiai_96_96.png",
157
+                link: 'http://api.pai.ai/get_openid?redirect_url=http://pai.ai/page/lensman&scope=snsapi_base',
158
+                desc: "摄影师授权",
159
+                title: "摄影师授权",
160
+                timeLine: ""
161
+            }, true);
162
+        </script>
163
+    </body>
154 164
 </html>